<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>熊猫优选 - 免费领淘宝优惠券，买到更便宜</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet" href="../css/normalize.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/index.css">
</head>

<body>
    <!-- 页头 -->
    <div id="header">
        <!-- 顶部 -->
        <div class="top">
            <div class="top-t clearfix container">
                <div class="back">退出</div>
                <div><span class="person">用户：</span><a href="javaScript:;" class="login">🙂你好！请登录</a></div>
                <div><a href="javaScript:;" class="regist">免费注册</a></div>
            </div>
        </div>
        <!-- 导航栏 -->
        <div class="nav container clearfix">
            <div class="log clearfix">
                <div class="log-img">
                    <a href="index.html"><img src="../static/images/log.png" alt=""></a>
                </div>
                <div class="log-info">
                    <p>熊猫优选</p>
                    <p>XIONG MAO YOU XUAN</p>
                </div>
            </div>
            <div class="search clearfix">
                <span class="iconfont icon-sousuo1"></span>
                <input type="text" name="searchWord" id="" placeholder="搜索商品，发现更多优惠">
                <button class="search-btn">搜索</button>
            </div>
            <div class="ad clearfix">
                <div>
                    <p><span class="iconfont icon-99yuanbaoyou"></span></p>
                    <p>全程包邮</p>
                </div>
                <div>
                    <p><span class="iconfont icon-tuihuo1"></span></p>
                    <p>7天退货</p>
                </div>
                <div>
                    <p><span class="iconfont icon-pinzhibaozhang"></span></p>
                    <p>品质保障</p>
                </div>
            </div>
        </div>
    </div>
    <!-- 页体 -->
    <div id="mainer">
        <!-- 切换栏 -->
        <div class="tab">
            <!-- 导航区 -->
            <div class="tab_nav">
                <ul class="container clearfix tab_ul">
                    <li class="current">首页</li>
                    <li>9块9包邮</li>
                    <li>超值大额券</li>
                    <li>降温急救穿搭</li>
                </ul>
            </div>
            <!-- 内容区 -->
            <ol class="container tab_ol index">
                <!-- 首页 -->
                <li class="on" id="home">
                    <div class="banner clearfix">
                        <!-- 左侧栏 -->
                        <ul class="aside">
                            <li class="clearfix menus">
                                <div class="icon"><span class="iconfont icon-nvzhuang"></span></div>
                                <div><a href="javaScript;:">女装</a><span>/</span><a href="javaScript;:">女鞋</a></div>
                                <div class="menu">
                                    <div class="menu-fir menu-first">
                                        <!-- js渲染 -->
                                    </div>
                                    <div class="menu-fir menu-sen">
                                        <!-- js渲染 -->
                                    </div>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="icon"><span class="iconfont icon-nanxie"></span></div>
                                <div>
                                    <a href="javaScript;:">男装</a><span>/</span><a href="javaScript;:">男鞋</a>
                                </div>
                                <div class="menu man">
                                    <div class="menu-fir menu-first">
                                        <!-- js渲染 -->
                                    </div>
                                    <div class="menu-fir menu-sen">
                                        <!-- js渲染 -->
                                    </div>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="icon"><span class="iconfont icon-kouhong"></span></div>
                                <div><a href="javaScript;:">美妆</a><span>/</span><a href="javaScript;:">个护</a></div>
                            </li>
                            <li class="clearfix">
                                <div class="icon"><span class="iconfont icon-baobao"></span></div>
                                <div><a href="javaScript;:">配饰</a><span>/</span><a href="javaScript;:">箱包</a></div>
                            </li>
                            <li class="clearfix">
                                <div class="icon"><span class="iconfont icon-lingshi"></span></div>
                                <div><a href="javaScript;:">零食国王</a></div>
                            </li>
                            <li class="clearfix">
                                <div class="icon"><span class="iconfont icon-muying"></span></div>
                                <div><a href="javaScript;:">母婴用品</a></div>
                            </li>
                            <li class="clearfix">
                                <div class="icon"><span class="iconfont icon-shouji"></span></div>
                                <div>
                                    <a href="javaScript;:">手机</a><span>/</span><a href="javaScript;:">数码</a>
                                </div>
                            </li>
                            <li class="clearfix">
                                <div class="icon"><span class="iconfont icon-neiyi"></span></div>
                                <div><a href="javaScript;:">内衣袜子</a></div>
                            </li>
                            <li class="clearfix">
                                <div class="icon"><span class="iconfont icon-tubiaoCSban-"></span></div>
                                <div>
                                    <a href="javaScript;:">文娱</a><span>/</span><a href="javaScript;:">家居</a></div>
                            </li>
                        </ul>
                        <!-- 右侧栏 -->
                        <div class="main">
                            <div class="main-top clearfix">
                                <!-- 轮播区 -->
                                <div class="main-banner swiper">
                                    <div class="swiper-wrapper">
                                        <!-- js渲染 -->
                                    </div>
                                    <!-- 如果需要分页器 -->
                                    <div class="swiper-pagination"></div>
                                    <!-- 如果需要导航按钮 -->
                                    <div class="swiper-button-prev"></div>
                                    <div class="swiper-button-next"></div>
                                </div>
                                <div class="main-ad clearfix">
                                    <!-- js渲染 -->
                                </div>
                            </div>
                            <div class="main-bot clearfix">
                                <!-- js渲染 -->
                            </div>
                        </div>
                    </div>
                    <!-- 小编精选 -->
                    <div class="list">
                        <div class="title">
                            <h3>小编精选</h3><span>每天更新</span>
                        </div>
                        <ul class="clearfix list-product">
                            <!-- js渲染 -->
                        </ul>
                    </div>
                    <!-- 加载更多 -->
                    <div class="more">
                        <button>加载更多</button>
                    </div>
                </li>
                <!-- 9块9包邮 -->
                <li id="nine" class="nine-over">
                    <div>
                        <div>9块9专区</div>
                    </div>
                    <ul class="nav clearfix">
                        <!-- js渲染 -->
                    </ul>
                    <div class="list product">
                        <ul class="clearfix nav-product">
                            <!-- js渲染 -->
                        </ul>
                    </div>
                    <!-- 加载更多 -->
                    <div class="more">
                        <button>加载更多</button>
                    </div>
                </li>
                <!-- 超值大额券 -->
                <li id="over" class="nine-over">
                    <div>
                        <div>超值大额券</div>
                    </div>
                    <!-- 导航栏 -->
                    <ul class="nav clearfix">
                        <!-- js渲染 -->
                    </ul>
                    <!-- 商品列表 -->
                    <div class="list product">
                        <ul class="clearfix nav-product">
                            <!-- js渲染 -->
                        </ul>
                    </div>
                    <!-- 加载更多 -->
                    <div class="more">
                        <button>加载更多</button>
                    </div>
                </li>
                <!-- 降温急救穿搭 -->
                <li id="solve">
                    <div>
                        <div>人气女装上新</div>
                    </div>
                    <ul class="nav clearfix">
                        <!-- js渲染 -->
                    </ul>
                    <div class="list product">
                        <ul class="clearfix nav-product">
                            <!-- js渲染 -->
                        </ul>
                    </div>
                    <!-- 加载更多 -->
                    <div class="more">
                        <button>加载更多</button>
                    </div>
                </li>
            </ol>

            <!-- 搜索功能 -->
            <ul class="container" id="navSearch">
                <li id="search">
                    <div>
                        <div class="price clearfix">
                            <div>价格：</div>
                            <!-- 价格渲染 -->
                            <ul>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                            <div>
                                <input type="text" placeholder="最低价"> - <input type="text" placeholder="最高价">
                            </div>
                            <div>
                                <label><input type="checkbox">有优惠券</label>
                            </div>
                            <button name="sure">确定</button><button name="clear">清空</button>
                        </div>
                    </div>
                    <!-- 导航栏 -->
                    <ul class="nav clearfix">
                        <li>综合</li>
                        <li>价格最低</li>
                        <li>价格最高</li>
                    </ul>
                    <!-- 商品列表 -->
                    <div class="list product">
                        <ul class="clearfix nav-product">
                            <!-- js渲染 -->
                        </ul>
                    </div>
                    <!-- 加载更多 -->
                    <div class="more">
                        <button>加载更多</button>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页脚 -->
    <div id="footer">
        <div class="container">
            <div class="footer-top clearfix">
                <div><img src="../static/images/log.png" alt=""></div>
                <div>
                    <h3>熊猫优选</h3>
                    <p>年轻人网购首选</p>
                    <p>购物领券更省钱</p>
                </div>
                <div><span class="iconfont icon-zhixian"></span><a href="http://www.xiongmaoyouxuan.com/#/downLoad"
                        target="_blank">下载APP</a></div>
            </div>
            <div>
                <span>浙公安网备案 33010602009949号 | ICP备案号: 浙ICP备17012864号-1 | 证照信息</span>
            </div>
        </div>
        <div><img src="../static/images/foot1.png" alt=""></div>
    </div>
    <!-- 返回顶部 -->
    <div id="backTop">
        <div class="back">
            <span class="iconfont icon-xiangshang"></span>
            <a href="javascript:;">顶部</a>
        </div>
    </div>
    <script src="../js/swiper-bundle.min.js"></script>
    <script src="../js/totalTool.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>